@font-face{
	font-family:trump_gothic_east;
	src: url('../fonts/trump_gothic_east.eot');
	src: url('../fonts/trump_gothic_east.eot?#iefix') format('embedded-opentype'),
		url('../fonts/trump_gothic_east.woff2') format('woff2'),
		url('../fonts/trump_gothic_east.woff') format('woff'), 
		url('../fonts/trump_gothic_east.ttf') format('truetype'),
		url('../fonts/trump_gothic_east.svg#trump_gothic_east') format('svg');
}


body{overflow:auto;overflow-x: hidden;}
*{ margin:0; padding:0;box-sizing:border-box; font-family:Arial,"Microsoft Yahei","Source Han Sans CN","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
img{ border:none;}
ul,li{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.lh_75{height:75px;}
.lh_35{height:35px;}
.lh_140{height:190px;}
.lh_130{height:120px; background: #fff;box-shadow: 0 4px 6px #e9e9e9; position: relative;z-index: 1}
.s_width{width:84%;margin:0 auto;}
.margin_b_100{margin-bottom: 100px;}

.header_banner{position:relative;}

.header{width:100%; height:104px;padding:0 .5%; position: absolute; top:0;background:rgba(0,0,0,0.6); display: flex;align-items: center;justify-content: space-between;z-index: 999;}
.header .logo{}
.header .logo img{width:100%;max-width:375px;}
.header .logo_tel{ }
.header .logo_tel img{width:100%;max-width:192px;}


.index_nav{width:52%;height:104px;display:flex;displaly:-webkit-flex;flex-direction:row;-weblit-flex-direction:row;justify-content:space-between;-weblit-justify-content:space-between;align-items:center;-webkit-align-items:center;}
.index_nav li{line-height:104px; position: relative}
.index_nav li a{color:#fff;font-size:16px;display:block;width:100%;position: relative}
.index_nav li a:before{content:'';width:0;height:2px;position: absolute;left:0;bottom:0;background: #0d77cb;transition: 0.5s;}
.index_nav li a:hover{ text-decoration:none;color:#fff;}
.index_nav li a:hover:before{content:'';width:100%;height:2px;position: absolute;left:0;bottom:0;background: #f3bc0a}


.index_nav li div {display:none;width:180px;text-align:center;color:#4f4f4f;position:absolute;z-index:9999999;left:-60px;top:100%;background: #f8ca23}
.index_nav li div a {display:block;color: #fff; line-height:39px;font-size: 15px; border-bottom:1px solid rgba(255,255,255,0.1);margin-top:0; padding:0 0 0 0;}
.index_nav li div a:hover{color:#fff;line-height:39px;font-weight:bold;border-bottom:1px solid rgba(255,255,255,0.1);}
.index_nav li div a:before{content:'';width:0;height:0;position: absolute;left:0;bottom:0;background: #0d77cb;transition: 0.5s;}
.index_nav li div a:hover:before{content:'';width:0;height:0;position: absolute;left:0;bottom:0;background: #f3bc0a}



/*banner*/
.slide-main{position: relative; z-index: 1}
.prev,.next{display: block; position: absolute; z-index: 222; top: 40%; overflow: hidden; cursor: pointer;/*background-color: rgba(165,165,165,0.4);*/}
.prev img,.next img{ margin: 10px 0 0 5px;}
.prev{left: 50px;}
.next{right: 50px;}
.item{display: block; width: 100%; height: 15px; position: absolute; z-index: 124; bottom: 55px; left: 0; text-align: center;}
.item a{display: inline-block; width: 15px; height: 15px; margin-right: 15px; background: #fff; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=60); overflow: hidden; border-radius: 50px;}
.item a.cur{background: #f44336; /*width: 40px;*/}
.slide-box,.slide{display:block;width:100%;height: auto; }
.slide-box{position:relative;overflow: hidden;z-index:4;}
.slide{display:none;position:relative;z-index:1;}
.slide img{width: 100%;height: auto;}
.slide a{display:block;cursor:pointer;}



/*footer*/
.footer{ background: #2d2d2d }

.footer .s_width{ padding:65px 0 65px 0 ; display:flex;display:-webkit-flex;justify-content:space-between}
.footer strong{ display: block; font-size:18px; line-height:25px; color:#d5d5d5;  margin-bottom:25px; font-weight: normal; }
.footer span{ display: block; width:60px;height:1px;background: rgba(255,255,255,.2); margin-bottom:25px;}
.footer .f_logo{width:20%; }
.footer .f_logo img{max-width:352px; width:100% }
.footer .f_fenlei{width:24%;  }
.footer .f_fenlei ul{ display:flex;justify-content:space-between;flex-wrap:wrap;}
.footer .f_fenlei li{ line-height:36px; width:44%; text-align:left;margin:0 0 2px 0; padding: 0 0 0 25px; background: url(../images/jjj.png) no-repeat left center }
.footer .f_fenlei li a{ color:#d5d5d5; font-size:15px; }
.footer .f_fenlei li a:hover{ color:#fff;}
.footer .f_contact{ width:20%; }
.footer .f_contact div{ line-height:33px; color:#d5d5d5; font-size:15px; display: flex;justify-content: space-between}
.footer .f_erweima{ }

.footer_p{ line-height:95px; text-align:center; font-size:15px; color:#898989; border-top:1px solid rgba(255,255,255,0.05)}
.footer_p a{ color:#898989}
.footer_p a:hover{ color:#fff}


/*--search modal--*/
.modal { position: fixed; z-index:999999999999999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display: none; }
.modal-dialog {  }
.modal-content { }
.modal-content > div {  }
.modal-content input { border: none; float: left;}
.modal-content .search-logo { width: 408px; padding:80px 0 0 0; position:absolute; left:50%; margin-left:-204px; border-bottom:1px solid #5c5c5c}
.modal-content .search-logo img{ width:100%;}
.modal-content .search-bar { position:absolute; width:850px; left:50%; margin-left:-425px; height:90px; top:130px; }
.modal-content .search-tab .tab { padding: 6px 20px; float: left; font-size: 24px; color: #fff; cursor: pointer; }
.modal-content .search-tab .on { background: #fff; color: #fe0000; }
.modal-content .tab-panel { display: none; }
.modal-content .on { display: block; }
.search-close { width:60px; height:60px; cursor: pointer; transition:.4s all; display:block; position:absolute; right:0; top:0;}
.search-close:hover {  color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.modal-open { overflow: hidden; padding-right: 17px; }
.modal-content .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; }
.modal-content .search-bar .form-control { padding-left: 10px; width: 754px; height: 70px; line-height: 70px; font-size: 16px; background:#eee}
.modal-content .search-bar .espcms_search_icon{  width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; margin-left:15px; background:#f12929 url(../images/se.png) no-repeat center center;border: none;}




.padding_90{ padding:95px 0 0 0}

/*manzu*/
.manzu{ display: flex;justify-content: space-between;}
.manzu_pic{ width:36%;position: relative;z-index: 3;}
.manzu_pic img{ width:100%;max-width:575px;}
.manzu_text{width:64%;display: flex;justify-content: space-between; align-items: flex-end; flex-direction: column;}
.manzu_text div{width:80%;display: flex;align-items: center; flex-direction: column;justify-content: space-between}
.manzu_text strong{font-size:48px;color: #444444;}
.manzu_text p{font-size:36px;color: #f3bc0a;font-weight: bold}
.manzu_text i{ display: block;font-size: 18px;color: #1f1f1f;font-style: normal; line-height: 50px;}
.manzu_text div:nth-child(2){width:110%;}
.manzu_text div:nth-child(3){margin-bottom: 55px;}
.manzu_text ul{display:flex;justify-content:flex-end; width:100%;height:86px;background: #f3bc0a;}
.manzu_text li{width:25%;height:86px; display:flex;justify-content:center;align-items: center;background: #e0ad07}
.manzu_text li:nth-child(2){ background: #444444}
.manzu_text li span{font-size: 24px;color: #ffffff;padding:0 0 0 20px;}



.productshow_cage{display: flex;justify-content:space-between;text-align: center;position: relative;z-index: 1; margin: 60px auto 15px auto ;}
.productshow_cage li{width:calc(100%/11);transition: 0.5s;position: relative;transition: 0.3s; border-right: 1px solid rgba(0,0,0,0.05)}
.productshow_cage li:last-child{ border-right: 0 solid rgba(0,0,0,0.05)}
.productshow_cage li a{ display: flex; justify-content: space-between;flex-direction: column; transition: 0.3s; align-items: center;  text-align: center;font-size: 17px;color: #444444;line-height:45px;}
.productshow_cage li a img{display:block; width:100%;max-width:90px;transition:0.4s ease;}
.productshow_cage li a:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.productshow_cage li a:hover{font-weight: bold;}

/*productshow*/
.productshow{padding:10px 0 0 0; background:#f8f8f8;}
.productshow .fl_title{}
.fl_title{text-align: center}
.fl_title div{font-size: 60px;color:#212121;  line-height:100px;}
.fl_title div strong{color:#f3bc0a;}
.fl_title p{font-size: 18px;color:#505050; line-height: 30px;}
.fl_title i{ display: block;width:80px;height:2px;margin: 0 auto 15px auto; background: #f3bc0a}
.p_t{margin: 85px 0 55px 0}
.a_t{  margin: 85px 0 55px 0}
.c_t{  margin: 85px 0 55px 0}


.pro_cage_con{overflow:hidden;padding:15px 0 99px 0;}
.chanpin_con{padding:30px 0 30px 0}
.chanpin_con .s_width{ }
.chanpin_con ul{margin:0;display: flex;justify-content:flex-start; flex-wrap: wrap}
.chanpin_con li{width:32.5%; margin: 0 1.2% 28px 0; background: #fff; position:relative;cursor:pointer; text-align: center; transition: 0.5s; box-shadow:0 0 35px rgba(0,0,0,0.07); }
.chanpin_con li:nth-child(3n){ margin: 0 0 28px 0;}
.chanpin_con .pro_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.chanpin_con li:hover div img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.chanpin_con .pro_pic{ width:100%; position:relative; overflow:hidden; }
.chanpin_con .pro_text{ position: relative; padding:15px 24px 24px 24px;}
.chanpin_con .pro_text p{color:#515151; font-size:20px;line-height:60px; }
.chanpin_con .pro_text span{color:#666666; width:130px; border:1px solid rgba(0,0,0,0.1); margin: 0 auto; border-radius:50px;font-size:16px;line-height:35px; display: block;}
.chanpin_con li:hover{background: #f3bc0a; }
.chanpin_con li:hover .pro_text p{ color:#fff; }
.chanpin_con li:hover .pro_text span{ color:#fff;  border:1px solid rgba(255,255,255,0.4);}


.chanpin_con li mark{
	position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 20;
    opacity: 0;
    transform: skewX(60deg);
    transition: 360ms;
}
.chanpin_con li .line_p{
	position:absolute;
	z-index:21;
	background:#da0d15;
}
.chanpin_con li .borderleft{	
	top:0;
	left:0;
	width:10px;
	height:0;
}
.chanpin_con li .bordertop{
	top:0;
	left:0;
	width:0;
	height:10px;
}
.chanpin_con li .borderbottom{
	bottom:0;
	right:0;
	width:0;
	height:10px;
}
.chanpin_con li .borderright{
	top:0;
	right:0;
	width:10px;
	height:0;
}
.chanpin_con li .leftline{
	position:absolute;
	left:50%;
	margin-left:-230px;
	top:50%;
	z-index:21;
	border-top:1px solid red;
	width:60px;
	opacity:0;
}
.chanpin_con li .topline{
	position:absolute;
	left:50%;
	margin-top:-230px;
	top:50%;
	z-index:21;
	border-left:1px solid red;
	height:60px;
	opacity:0;
}


.yewu{ background:#f1f1f1 url(../images/yewubg.jpg) no-repeat center top;padding:0 0 55px 0;background-size: 100%;}
.yewu .yewu_con{display:flex;justify-content: space-between;padding:65px 0 0 0}
.yewu .yewu_l{width:32%;padding:30px 0 0 0}
.yewu .yewu_r{width:61%}
.yewu .yewu_r img{width:100%}
.yewu_t{font-size: 60px;color:#fff;  line-height:80px;}
.yewu_t strong{color:#f3bc0a;}
.yewu_l p{font-size: 16px; color:#fff; line-height: 25px; padding:0 0 40px 0}
.yewu_l i{ display: block;width:80px;height:2px;margin:35px 0; background: #fff}

.yewu ul{display:flex;justify-content:center; margin: -45px 0 0 0}
.yewu li{ margin: 0 14px; width:15% }
.yewu li img{ border-radius: 50%; border: 5px solid #fff; box-shadow:0 0 25px rgba(0,0,0,0.1); width:100%;}

/*about*/
.about{  background: #f3bc0a;display:flex;justify-content: space-between}
.about_pic{width:51%;position: relative;z-index: 2}
.about_pic img{width:100%;max-width:960px;}
.about_con{ width:47%;color: #fff;padding:0 5% 0 1%;display: flex;justify-content: center;flex-direction: column;}

.about_con strong{display: block;font-size:41px;line-height: 65px;}
.about_con span{display: block;font-size:24px; line-height:50px;}
.about_con p{padding:45px 0;font-size:16px; line-height:32px;}


/*in_factory*/
.in_factory{padding:70px 0 35px 0;background:#ededed;}

.in_factory .fl_title_j{ color:#2a2f37;}
.in_factory .fl_title_j div strong{ color:#d4211d;}

.f_con{position:relative; overflow:hidden; margin:0 auto}
.f_con li{float:left; width:385px; margin-right:16px; margin-bottom:14px;  position:relative; overflow:hidden; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer;}
.f_con .cp_m{ width:100%; margin: 0 auto;position:relative; overflow:hidden;border:5px solid #fff}
.f_con .cp_m img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.f_con .cp_m:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.f_con .cp_k{  }
.f_con .cp_k p{ color: #333333; font-size:18px; line-height:65px; text-align: center}






/*news*/
.news{padding:85px 0 55px 0;background: #fff;}
.n_title div{ position: relative; display: flex;justify-content:center; align-items: center}
.news_con{display:flex;justify-content:space-between; flex-wrap: wrap; cursor:pointer; padding:65px 0 5px 0}
.news_con li{width:49.2%; position:relative;display:flex;justify-content:space-between;background: #fff;padding:25px;margin:0 0 23px 0;box-shadow:0 0 35px rgba(0,0,0,0.07);}
.news_con .news_date span{display:block;font-size:20px;text-transform: uppercase}
.news_con .news_pic{width:30%;}
.news_con .news_pic img{width:100%;}
.news_con .news_text{ width:65%; padding:20px 0 0 0; }
.news_con .news_text a{ display:block; width:100%; font-size:18px; color:#272727; line-height:30px;word-break:keep-all;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis; }
.news_con .news_text p{ font-size:15px; color:#959595; line-height:30px; text-transform:uppercase; overflow:hidden;text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.news_con .news_text span{color:#8a8a8a;font-size:15px;line-height:50px; display: block;padding:0 0 0 25px; background: url(../images/zhong.png) no-repeat left center;background-size: 18px;text-transform: uppercase}

.tubiao{ text-align: center;}
.tubiao img{width:100%;max-width:1337px;}

.page_box{border-bottom: 1px solid #f1f1f1; margin-bottom: 60px;}

.aboutus_con{padding:0 0 65px 0}
.aboutus_con p{ font-size:16px;color:#444;line-height:34px;}

.se_contact_li{margin-top:75px;margin-bottom:75px; border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);padding:60px 0;display: flex;flex-wrap:wrap;justify-content:space-between;}
.se_contact_li li{width:25%;position: relative; text-align: center}
.se_contact_li li:nth-child(1){width:25%;}
.se_contact_li li div{ width:120px;height:120px;margin: 0 auto;border:1px solid rgba(0,0,0,0.1);display: flex;align-items: center; justify-content: space-around;border-radius:100px;}
.se_contact_li li strong{ display: block; font-size: 24px; color:#f3bc0a;line-height:70px;}
.se_contact_li li p{ font-size: 17px; color:#555555;line-height:30px;}


.info_content_pic{  text-align: center}
.info_content_pic img{ max-width:900px;margin-bottom: 0;}

.se_espcms_page{font-size:15px; margin-bottom:30px; border:1px solid #eee; padding:30px 30px; display:flex;flex-direction:row;justify-content:space-between;}
.se_espcms_page li{width:50%;}
.se_espcms_page li a{color:#666;font-size:15px;}
.se_espcms_page li a:hover{color:#1264d4;text-decoration:none;}
.se_espcms_book{padding:0 0}
.se_espcms_book h1{ line-height:70px; text-align: center;}
.se_espcms_book .se_date{ font-size:15px; line-height:38px; text-align:center;margin-bottom: 25px;}
.se_espcms_book .se_date span{padding:0 20px 0 0;}
.th_news_con{overflow: hidden; font-size:15px; line-height:31px; color:#666;text-indent:2em; margin-bottom:30px; border:1px solid #eee; padding:30px 50px;}
.th_pro_con {padding:30px 0 0 0}
.th_pro_con table{border: 1px solid #666;border-collapse: collapse;font-size: 14px;color: #666;width:100%;}	
.th_pro_con th, .th_pro_con td{border: 1px solid #666;line-height: 40px;border-collapse: collapse;text-align:left;padding:0 20px	}

.se_info{ width:100%; margin:30px 0 0 0; padding:0 0 30px 0}


.se_news{padding:0 0 65px 0; line-height: 35px; font-size: 16px; color:#666; }
.se_newslist{ }
.se_newslist ul{ }
.se_newslist li{display:flex;flex-direction:row;justify-content:space-between;align-items: center; margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer; margin:0 0 35px 0; position:relative; top:0; border-bottom: 1px solid #eee; padding: 0 0 30px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.se_newslist_l{ width:22%; position:relative; overflow:hidden; }
.se_newslist_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_newslist li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_newslist_r{ width: 72%; position: relative; z-index: 1000; margin:0 20px 0 0}
.se_newslist_r a{ font-size:24px; color:#333; text-transform:uppercase; display:block; line-height:42px; }
.se_newslist_r a:hover{ color:#ee1414; font-weight: bold}
.se_newslist_r p{ line-height:28px; color:#888; padding:10px 0 10px 0; font-size:16px;}
.se_newslist_r span{ display:block; line-height:28px; color:#888; padding:5px 0 5px 35px; font-size:15px;text-transform:uppercase; background:url(../images/zhong.png) no-repeat left center;background-size: 18px;}
.se_newslist_r .se_newslist_more{ width:90px; border-bottom:1px solid #1476c2; line-height:40px; text-align:center; padding:15px 0 0 0}
.se_newslist_r .se_newslist_more a{ color:#1476c2; font-size:14px;}



.se_case{ padding:25px 0 71px 0; overflow:hidden;}
.se_case ul{display:flex;flex:row;justify-content:flex-start;flex-wrap:wrap;}
.se_case li{padding:;width:23%;height:auto; margin: 0 1% 2% 0;border:1px solid #f3f3f3;position:relative;overflow:hidden;background:#fff;cursor:pointer;}
.se_case li:nth-child(4n){margin: 0 0 2% 0;}
.se_case .pro_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_case li:hover div img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_case .pro_pic{ width:100%;margin:0 auto; position:relative; overflow:hidden;}
.se_case .pro_text{ color:#232323;text-align:center; font-size:18px;line-height:85px;}
.se_case ul a{display:block;color:#f55319;text-align:center;line-height:35px;width:120px;border:1px solid #f55319;margin:0 auto;font-size:15px; }




.se_honnor{ padding:21px 0;  overflow:hidden;}
.se_honnor ul{display:flex;flex:row;justify-content:flex-start;flex-wrap:wrap;}
.se_honnor li{padding:25px 25px 15px 25px;width:32%;height:auto; margin: 0 1% 2% 0;border:1px solid #f3f3f3;position:relative;overflow:hidden;background:#fff;cursor:pointer;}
.se_honnor li:nth-child(3n){margin: 0 0 2% 0;}
.se_honnor .pro_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_honnor li:hover div img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_honnor .pro_pic{ width:100%;margin:0 auto; position:relative; overflow:hidden;}
.se_honnor .pro_text{ padding:8px 0 0 0;color:#232323;text-align:center; font-size:18px;line-height:55px;}
.se_honnor ul a{display:block;color:#f55319;text-align:center;line-height:35px;width:120px;border:1px solid #f55319;margin:0 auto;font-size:15px; }





.map{width:100%;height:760px;z-index:2}


@media only screen and (max-width:1660px){ /**/
	.manzu_pic{width: 40%;}
	.manzu_text strong{font-size:40px;}
	.manzu_text p{font-size:30px;}
	.manzu_text div{width: 89%;}
	.manzu_text i{font-size: 17px;}
	.about_con{padding: 0 5% 0 1%;}
}

@media only screen and (max-width:1440px){ /**/
	.manzu_text strong{font-size:32px;}
	.manzu_text i{font-size: 15px;}
	.manzu_text li span{font-size: 19px;}
	.about_con p{line-height: 25px;}
	.s_width{width:95%}
	.yewu_l span{display:none;}
	.yewu{background-size:118%}

}
@media only screen and (max-width:1400px){ /**/
	.manzu_text strong{font-size:32px;}
	.manzu_text i{font-size: 15px;}
	.manzu_text li span{font-size: 19px;}
	.about_more{display: none;}
}
@media only screen and (max-width:1380px){ /**/
	.about_con strong{font-size:34px; line-height: 55px;}
	.about_con span{ line-height: 35px;}
	
	
}